<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title data-localize="master_scoremanage"></title>

	<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.6/css/bootstrap.min.css">
	<link rel="stylesheet" href="./style/page.css" >
	<link rel="stylesheet" href="./style/scoreManage.css">
	<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
	<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
	<!--[if lt IE 9]>
	<script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
	<script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
	<![endif]-->
	<script type="text/javascript">
		var Role= '<%=session.getAttribute("password") %>';
		var User= '<%=session.getAttribute("username")%>';
		var UserID= '<%=session.getAttribute("userid")%>';
	</script>
		<script src="script/vue.js"></script>
</head>
<body>

<div id="studentcontainer" class="container-fluid " style="">
	<!-- <div class="row">
		<div class="col-xs-10 form-inline">
			<label class="queryCourse" data-localize="kc_query_course"></label>
			<div class="input-group">
				<div id="inputstcontentdiv" class="input-group-btn">
					<input type="text" data-localize="kc_querylessontips" class="form-control" id="queryststring" onkeyup="completer_click_st()"/>
					<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" onclick="getQuerystname()">
						<span class="caret"></span>
						<span class="sr-only"></span>
					</button>
					<ul class="dropdown-menu querymenu_st">

					</ul>
				</div>
			</div>
		</div>
	</div> -->

	<div class="progress myfakeprogressbar" style="display:none;margin-top:12px;">
		<div class="progress-bar  progress-bar-info progress-bar-striped active" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width:100%;text-align: center;">
			<span data-localize="pgb_refreshdata"></span>
		</div>
	</div>
	<div class="modal fade" id="modal_studentscore" tabindex="-1" role="dialog" aria-labelledby="CreatOrModify">
		<div class="modal-dialog" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
					<h4 class="modal-title"></h4>
					<div id="modelloading"></div>
				</div>
					<div class="modal-body">
						<table id="studentslabscore" class="table table-bordered">
							<thead>
								<tr>
									<th data-localize="lab_labName"></th>
									<!--<th data-localize="sm_scoreqanda"></th>
									<th data-localize="sm_scoreOperation"></th>-->
									<th data-localize="sm_labscore"></th>
								</tr>
							</thead>
							<tbody id="studentslab" class="itemTbody_students">
							</tbody>
						</table>
					</div>
				<div class="modal-footer">
					<button class="btn btn-primary" data-localize="kc_confirm" type="button" data-dismiss="modal"></button>
				</div>
			</div>
		</div>
	</div>
	<div class="container-fluid lessonScorepnl table-responsive">
		<table id="classTable_students" class="table table-bordered">
			<thead>
				<tr>
					<th data-localize="kc_coursename"></th>
					<th data-localize="CSC_workLink"></th>
					<th data-localize="st_score"></th>
					<th data-localize="CSC_Comment"></th>
				</tr>
			</thead>
			<tbody id="itemTbody_students" class="itemTbody_students">
				<tr v-for="(val,index) in lessonlist" :key="index">
					<td v-if="val.rowspan" :rowspan="val.rowspan">{{val.lessonname}}-{{val.phase}}期</td>
					<td>{{val.labname}}</td>
					<td>{{val.score}}</td>
					<td>{{val.remark}}</td>
				</tr>
			</tbody>
		</table>
	</div>
	<nav id="partpagenavbar">
		<ul class="pagination">

		</ul>
	</nav>
</div>

      <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="http://cdn.bootcss.com/jquery/1.12.1/jquery.min.js"></script>
      <!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="http://cdn.bootcss.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<script src="script/jquery.i18n.properties.min.js"></script>
<script src="script/jquery.i18n.init.js"></script>
<script src="script/layerui/layer.js"></script>
<script src="script/scoreManage.js"></script>
</body>
</html>